<template>
    <div class="wrapper" ref="wrapper">
        <div class="content">
            <slot></slot>
        </div>
    </div>
</template>


<script>
import BetterScroll from 'better-scroll'

export default {
    name:'Scroll',
    props:{
        probeType:{
            type:Number,
            default:0
        },
        pullUpLoad:{
            type:Boolean,
            default:false
        }
    },
    data(){
        return {
            scroll:null,
            message:'你好啊'
        }
    },
    mounted(){
        //1.创建BScroll对象
        this.scroll = new BetterScroll(this.$refs.wrapper, {
          probeType:this.probeType,
          pullUpLoad:this.pullUpLoad,
          click:true
        })

        //2.监听滚动的位置
        if(this.probeType == 2 || this.probeType == 3){
                this.scroll.on('scroll',(position) => {
                // console.log(position)
                this.$emit('scroll',position)
            })
        }

        //3.监听上拉事件
        if(this.pullUpLoad){
                this.scroll.on('pullingUp',() => {
                // console.log('上拉加载更多')
                this.$emit('pullingUp')
            })
        }
    },
    methods:{
        scrollTo(x,y,time=300){
            this.scroll && this.scroll.scrollTo(x,y,time)
        },
        refresh(){
            // console.log('-------')
            this.scroll && this.scroll.refresh()
        },
        finishPullUp(){
            this.scroll && this.scroll.finishPullUp()
        },
        getScrollY(){
            return this.scroll ? this.scroll.y : 0
        }
    },
}
</script>


<style scoped>
    
</style>